<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<style type="text/css">
	.gray_input{
		width: 251px;
		height: 44px;
		border: none;
	}
</style>
<script type="text/javascript" src="<%= request.getContextPath() %>/js/modify_email.js"></script>
<div align="center" id="div_modify_email" style="width: 100%; position: absolute; left: 0px; top: 150px; z-index: 2001;">
	<div style="width: 301px; padding-top: 45px;">
		<div style="height: 93px; background: url('<%= request.getContextPath() %>/image/bg_change_email_top.png');"></div>
		<div style="background: url('<%= request.getContextPath() %>/image/bg_user_register.png');">
			<div align="center" style="padding: 20px 0px;">
				<img src="<%= request.getContextPath() %>/image/line_gray_white.png" width="252px" height="2px"/>
			</div>
			<input class="gray_input" type="text" id="new_email" style="background: url('<%= request.getContextPath() %>/image/bg_text_new_email.png');"/><br/>
			<input class="gray_input" type="text" id="confirm_email" style="margin-top: 15px; background: url('<%= request.getContextPath() %>/image/bg_text_confirm_email.png');"/><br/>
			<input class="gray_input" type="text" id="customer_password" style="margin-top: 15px; background: url('<%= request.getContextPath() %>/image/bg_text_password.png');"/><br/>
			<div style="width: 251px; padding: 15px 0px;">
				<img  class="pointer fade_effect" src="<%= request.getContextPath() %>/image/btn_modify2.png" style="float: left;" onclick="modifyEmail();"/>
				<img class="pointer fade_effect" src="<%= request.getContextPath() %>/image/btn_cancel2.png" style="float: right;" onclick="cancelModifyEmailDlg();"/>
				<div style="clear: both;"></div>
			</div>
			<span class="red" id="error_message_modify_email"></span>
		</div>
		<div style="height: 19px; background: url('<%= request.getContextPath() %>/image/bg_user_register_bottom.png');"></div>
	</div>
</div>